<style>
    .relation-item {margin-top:10px;}
    legend {padding-bottom:5px;font-size:14px;font-weight:600;}
    label {font-weight:normal;}
    #extend-zone .col-xs-2 {margin-top:10px;}
</style>

<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs">
			<li><a href="#all" data-toggle="tab">{:__('所有')}</a></li>
            <li><a href="#gj" data-toggle="tab">{:__('固晶')}</a></li>
            <li><a href="#hx" data-toggle="tab">{:__('焊线')}</a></li>
            <li><a href="#dj" data-toggle="tab">{:__('点胶')}</a></li>
			<li><a href="#qg" data-toggle="tab">{:__('切割')}</a></li>
            <li><a href="#fg" data-toggle="tab">{:__('分光')}</a></li>
            <li><a href="#bd" data-toggle="tab">{:__('编带')}</a></li>
			<li><a href="#fix" data-toggle="tab">{:__('生技')}</a></li>
            <li><a href="#first" data-toggle="tab">{:__('首件')}</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
		<!-- 所有  -->
            <div class="tab-pane fade active in" id="all">
               <table class="table table-striped table-bordered table-hover" id="table_all"><!--  -->
				<thead>
						<tr>
						<th>序号</th>
						<th>机台号</th>
						<th>停机原因</th>
						<th>提报人</th>
						<th>处理人</th>
						<th>部门</th>
						<th>开始时间</th>
						<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				<table width="60%" align="right">
					<tr><td><div id="barcon" name="barcon"></div></td></tr>
				</table>
            </div>
			
			
			<!-- 一键生成菜单  -->
            <div class="tab-pane fade" id="gj">
                <table class="table table-striped table-bordered table-hover" id="table_gj">
					<thead>
						<tr>
						<th>序号</th>
						<th>机台号</th>
						<th>停机原因</th>
						<th>提报人</th>
						<th>处理人</th>
						<th>部门</th>
						<th>开始时间</th>
						<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			<!-- <!-- 一键压缩打包  -->
            <div class="tab-pane fade" id="hx">
                <table class="table table-striped table-bordered table-hover" id="table_hx">
					<thead>
						<tr>
						<th>序号</th>
						<th>机台号</th>
						<th>停机原因</th>
						<th>提报人</th>
						<th>处理人</th>
						<th>部门</th>
						<th>开始时间</th>
						<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			<!-- <!-- 一键生成API文档 -- -->
            <div class="tab-pane fade" id="dj">
                <table class="table table-striped table-bordered table-hover" id="table_dj">
					<thead>
						<tr>
						<th>序号</th>
						<th>机台号</th>
						<th>停机原因</th>
						<th>提报人</th>
						<th>处理人</th>
						<th>部门</th>
						<th>开始时间</th>
						<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
			<div class="tab-pane fade" id="qg">
               <table class="table table-striped table-bordered table-hover" id="table_qg">
					<thead>
						<tr>
							<th>序号</th>
							<th>机台号</th>
							<th>停机原因</th>
							<th>提报人</th>
							<th>处理人</th>
							<th>部门</th>
							<th>开始时间</th>
							<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
			
			<div class="tab-pane fade" id="fg">
               <table class="table table-striped table-bordered table-hover" id="table_fg">
					<thead>
						<tr>
							<th>序号</th>
							<th>机台号</th>
							<th>停机原因</th>
							<th>提报人</th>
							<th>处理人</th>
							<th>部门</th>
							<th>开始时间</th>
							<th>停机时间（分）</th>
							
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
			<div class="tab-pane fade" id="bd">
               <table class="table table-striped table-bordered table-hover" id="table_bd">
					<thead>
						<tr>
							<th>序号</th>
							<th>机台号</th>
							<th>停机原因</th>
							<th>提报人</th>
							<th>处理人</th>
							<th>部门</th>
							<th>开始时间</th>
							<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
			<div class="tab-pane fade" id="fix">
               <table class="table table-striped table-bordered table-hover" id="table_fix">
					<thead>
						<tr>
							<th>序号</th>
							<th>机台号</th>
							<th>停机原因</th>
							<th>提报人</th>
							<th>处理人</th>
							<th>部门</th>
							<th>开始时间</th>
							<th>停机时间（分）</th>
							
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
			<div class="tab-pane fade" id="first">
               <table class="table table-striped table-bordered table-hover" id="table_first">
					<thead>
						<tr>
							<th>序号</th>
							<th>机台号</th>
							<th>停机原因</th>
							<th>提报人</th>
							<th>处理人</th>
							<th>部门</th>
							<th>开始时间</th>
							<th>停机时间（分）</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
            </div>
			
        </div>
    </div>
</div>
